.user-author {
    position: relative;

    .user-author-avatar {
        cursor: pointer;
        line-height: 1;
    }

    .user-author-content {
        .user-author-name {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            font-weight: 600;

            > a {
                color: #262626;
            }
        }

        .user-author-desc {
            display: flex;
            font-size: 14px;
            font-weight: normal;
            line-height: 18px;
            margin-bottom: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #8c8c8c;
        }
    }
}

.user-author-avatar,
.user-author-name {
    .user-author-avatar {
        margin-right: 0;
    }
}

.user-author-middle {
    .user-author-content {
        .user-author-name {
            > a {
                font-size: 14px;
            }
        }

        .user-author-desc {
            font-size: 12px;
        }
    }
}

.user-author-small {
    .user-author-content {
        .user-author-name {
            > a {
                font-size: 14px;
            }
        }

        .user-author-desc {
            font-size: 12px;
        }
    }
}

.user-full-line {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}
